<template>
	<view class="contract-edit">
		<cu-custom bgColor="bg-gradual-blue" :isBack="true" backIcon="cuIcon-close">
			<block slot="backText">关闭</block>
			<block slot="content">合同撤销</block>
		</cu-custom>
		<form>
			<view class="cu-bar bg-white solid-bottom  margin-top">
				<view class="action">
					<text class="cuIcon-title text-blue"></text>房屋信息
				</view>
			</view>
			
			<view class="cu-form-group">
				<view class="title">权利人身份证号</view>
				<input placeholder="" v-model="house.obligeeIdentityNum"></input>
			</view>	
			<view class="cu-form-group">
				<view class="title">房屋坐落</view>
				<input placeholder="平方米" name="input" v-model="hous.location"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">建筑面积</view>
				<input placeholder="平方米" name="input" v-model="hous.buildArea"></input>
			</view>
			

		</form>
		<view class="padding">
			<button class="cu-btn block bg-blue margin-tb-sm lg"  @click="revocation">
				申请撤销</button>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
		return {
				region: ['贵州省', '贵阳市', '南明区'],
				contract: {
					num: '',
					money: '',
					date: '2016-9-6'
				},
				house: {
					obligeeIdentityNum: '522124514522155',
					qzNum: '4455557',
					location: '贵州省贵阳市南明区',
					buildArea: '178',
					insideBuildArea: '156',
				}
			}
		},
		methods: {
			revocation() {
				uni.showToast({
					title: "开发中",
					icon: "none"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.cu-form-group .title {
		min-width: calc(4em + 15px);
	}

</style>
